<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>体检报告</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta content="no" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css">
<script src="__PUBLIC__/js/jquery.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/jquery-add-yu.js" type="text/javascript"></script>
<style>
.more-xz{ width:320px; margin:0px auto; position:relative;}
.more-xz .an1{
	position: absolute;
	left: 143px;
	top: 88px;
	width: 144px;
	height: 48px;
}
.more-xz .an2{
	position: absolute;
	left: 142px;
	top: 151px;
	width: 144px;
	height: 48px;
}
.more-xz .an3{
	position: absolute;
	left: 142px;
	top: 216px;
	width: 144px;
	height: 48px;
}
.tc img{ width:100%; display:none; position:fixed;left:0px;top:0px; z-index:900000} 
.tit-main{ margin:10px; background:#fff; padding:10px 0px 0px 0px;}
.tit-main .img{ width:90%; display:block; margin:0px auto;}
.numerical{ height:35px; padding: 0px 10px; color:#000;}
.numerical span{ color:#b00;}
.ms{ line-height:20px; padding:5px 10px; font-size:14px;}
</style>
</head>

<body style="background:#ebf2f8;">
<div class="header"></div>
<header><b></b><strong class="s02">
        {$user['name']}<empty name="user.age">
                                    
                        <else />
                        |{$user['age']}岁
                    </empty>
    </strong>
    <span>
        血清总胆固醇
    </span>
</header>
<!--器官详情-->
<div class="tit-main">
	<div class="numerical">检查结果:<span>40mmol/L&uarr;</span></div>
	<img src="__PUBLIC__/images/xy003.jpg"  class="img">
    <div class="ms">&diams;血液中胆固醇的总数越多，说明血脂越多，血管阻塞越严重</div>
   <!-- 00  -->
    <div class="or-li">
    <span class="l">
            <strong>血清总胆固醇</strong>
            <b style="width:250px;">
                正常值（3.24-6.48）
            </b>
        </span>
        <span class="r rr">
            <p class="w2">
            <span class="x2">40<br><br><br>高</span>
        	</p>
        </span>
    </div>
    <!-- 00  -->
</div>

<div class="more-xz">
<img src="__PUBLIC__/images/xy004.jpg" style="width:320px; margin:0px auto;">
		<div class="an1"></div>
        <div class="an2"></div>
        <div class="an3"></div>

</div>
<div class="tc">
<img src="__PUBLIC__/images/001.jpg" class="an01">
<img src="__PUBLIC__/images/002.jpg" class="an02">
<img src="__PUBLIC__/images/003.jpg" class="an03">
</div>
<script type="text/javascript">
$(function() {
	$(".an1").on("click",function() {
		$(".an01").show();
	});
	$(".an2").on("click",function() {
		$(".an02").show();
	});
	$(".an3").on("click",function() {
		$(".an03").show();
	});
	$(".tc img").on("click",function() {
		$(this).hide();
	});
	
});
</script>
</body>
</html>
